/* CSS Document */
#creative{ visibility: hidden; }
#creative a{ text-decoration: none; visibility: hidden; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ padding:0; font-weight:normal; margin-top: 0; margin-bottom: 0; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/*font */
body { font:13px/1.231 arial,helvetica,clean,sans-serif; margin: 0px; padding: 0px; }
/*set -------------------------------------------------*/
body { background-image: url("bg[1].jpg"); background-repeat: repeat-x; background-position: center 0px; background-color: #9D9D9D; color: #666666; }
.bodyin { background-color: #FFFFFF; background-image: none; }

.more { float: right; font-size: 11px; }

.t-color { color: #FF6600; }
.btn { text-align: center; clear: both; }

input.btn1 { color: #FFFFFF; height: 25px; padding-top: 5px; padding-right: 10px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #0a5593; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #488abc; border-right-color: #0c487c; border-bottom-color: #154270; border-left-color: #5d8eb7; margin-top: 5px; margin-right: 3px; margin-left: 3px; }
input.btn2 { font-size: 10px; color: #FFFFFF; background-color: #0A5493; margin-right: 5px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #488abc; border-right-color: #0c487c; border-bottom-color: #154270; border-left-color: #5d8eb7; margin-top: 5px; margin-right: 3px; margin-left: 3px;}

.more a { text-decoration: none; }
a:link,a:visited { color: #035A9D; }
a:hover,a:active  { color: #CC6600; }

.hr { background-image: url("hr_line[1].jpg"); background-repeat: repeat-x; height: 3px; display: block; clear: both; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #FFFFFF; margin-top: 30px; margin-bottom: 30px; }

.view { }
.view a { background-image: url("btn_view[1].jpg"); display: block; height: 25px; width: 79px; text-decoration: none; }
.view a:hover { background-image: url("btn_view2[1].jpg"); }
.view a span { visibility: hidden; }
.table1 { }
.table1 th, .table1 td { border: 1px solid #ccd5dc; padding-top: 15px; padding-right: 7px; padding-bottom: 15px; padding-left: 7px; }
.table1 th { color: #10375E; background-color: #e0e9f0; width: 27%; font-weight: bolder; }
.table2 { background-color: #FFFFFF; color: #333333; }
.table2  th, .table2 td { padding: 3px; }
.table2 td { background-color: #EEEEEC; text-align: left; margin:0px; }
.table2 th { color: #FFFFFF; background-color: #085696; text-align: center; }

.table3 { border: 1px solid #cccccc; margin-top: 7px; }
td.no  { text-align: center; width: 10%; }
td.date  { text-align: center; width: 15%; }
td.subject { width: 75%; }

.table3 h2 { font-weight: bold; color: #035A9D; font-size: 13px; }

.table3 th { color: #FFFFFF; background-color: #035A9D; padding: 7px; border: 1px solid #dddddd; text-align: center; }
.table3 th.th2 { text-align: right; width: 15%; }
.table3 td { padding: 7px; border: 1px solid #dddddd; }

.form   { margin-top: 20px; }
.form   li { clear: both; background-color: #e6eefd; margin-bottom: 5px; position: relative; padding: 5px; }
.form  li label   { font-weight: bold; color: #1563A9; clear: both; display: list-item; width: 120px; float: left; }
.form  li h2   { text-align:center; font-weight: bold; font-size: 17px; color: #ffffff; background-color:#1563A9; padding: 5px;}
.form  .head   { background-color: none; padding: 0px; }
.form  li  input,.form textarea { }

h1.hd { background-image: url("h1bg[1].jpg"); background-repeat: repeat-x; height: 33px; display: block; width: 100%; }
h1.hd2 { display: block; clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5a83a1; margin-bottom: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; color: #035A9D; font-weight: bold; padding-bottom: 5px; }
#outer-wrapper{ background-image: url("bg2[1].jpg"); background-repeat: repeat-y; background-position: center; text-align:center; }
#header-wrapper{ background-image: url("headbg[1].jpg"); background-repeat: no-repeat; background-position: center 0px; height: 427px; margin-right: auto; margin-left: auto; }
#header{ position: relative; width: 1005px; margin-right: auto; margin-left: auto; }
#header .numpeople { position: absolute; top: 135px; right: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#wrapper{ text-align: left; width: 1000px; margin-right: auto; margin-left: auto; margin-top: -240px; }
#main-wrapper{ float: right; width: 749px;  }

#sidebar{ float: left; width: 250px; margin-left: 1px; }
#footer{ background-image: url("footer[1].jpg"); text-align: center; width: 100%; clear: both; display: block; background-repeat: no-repeat; background-position: center -8px; background-color: #9D9D9D; padding-top: 15px; font-size: 11px; color: #333333; padding-bottom: 10px; }
#footer img { margin-top: 5px; }
.clear{ clear: both;}
#page { text-align: center; clear: both; margin: 0px; height: 20px; padding-top: 10px; }
#page a { display: inline-block; border: 1px solid #DDDDFF; margin-right: 5px; margin-left: 5px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; color: #085696; }
#page a:hover { color: #FFFFFF; text-decoration: none; background-color: #005596; }
#page .onVisit {  border: 1px solid #DDDDFF; margin-right: 5px; margin-left: 5px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; color: #FFFFFF; text-decoration: none; background-color: #005596; }
#topproductnav .li  { float: left; width: 374px; background-color: #dde4ef; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bfbfbf; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; margin: 0px; padding: 0px; height: 180px; overflow: hidden; }
#topproductnav .li .productimg { width: 170px; background-color: #f0f0f0; border-right-width: 1px; border-right-style: solid; border-right-color: #bfbfbf; float: left; background-image: url("hd_topproduct_imgbg[1].jpg"); background-repeat: no-repeat; background-position: 8px 15px; *background-position: 2px 12px; height: 180px; }
#topproductnav .li .productimg img { margin-left: 8px; padding-top: 2px; padding-right: 5px; padding-left: 6px; margin-top: 15px; }
#topproductnav .li .text { float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; line-height: 1.5; padding-top: 15px; padding-right: 10px; padding-left: 10px; font-size: 10px; height: 165px; }
#topproductnav .li .text a { font-size: 15px; color: #0f385f; margin-bottom: 7px; }
#topproductnav .li .text .view { margin-top: 13px; }

/*common -------------------------------------------------*/
#menu .menu-hd { background-image: url("menu_hd[1].jpg"); padding-top: 30px; background-repeat: no-repeat; }
#menu .menu-basehd { background-image: url("menu_basehd[1].jpg"); padding-top: 30px; background-repeat: no-repeat; }
#menu a { display: block; margin: 0px; }

#menu li { margin: 0px; padding: 0px; }
#menu ul { margin: 0px; }

#menu  li  li a { display: block; color: #333333; text-decoration: none; font-size: 11px; padding-left: 38px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; background-image: url("menua[1].jpg"); background-repeat: no-repeat; padding-top: 5px; height: 17px; }
#menu li li a:hover { background-image: url("menuahover[1].jpg"); }

#sitepath { background-image: url("sitepath[1].jpg"); clear: both; height: 20px; padding-top: 7px; }
#sitepath a { margin-right: 10px; margin-left: 10px; }
#sitepath a:hover { color: #CC9900; }

#loginnav { background-image: url("loginnav_bg[1].jpg"); background-repeat: repeat-x; height: 32px; clear: both; width: 100%; }
#loginnav div { background-image: url("loginnav_1[1].jpg"); width: 10px; height: 32px; float: left; background-repeat: no-repeat; margin-right: 7px; }
#loginnav input { background-color: #035A9D; margin-top: 3px; height: 18px; color: #FFFFFF; }

#loginnav  .username { background-image: url("loginnav_username[1].jpg"); padding-left: 80px; background-repeat: no-repeat; width: 80px; }
#loginnav .login { background-image: url("loginnav_login[1].jpg"); padding-left: 15px; width: 5px; }
#loginnav .login-text {background-image: none; position: relative; top: 5px; width: 120px; }
#loginnav .password { background-image: url("loginnav_password[1].jpg"); padding-left: 70px; width: 70px; }
#loginnav .registration { width: 70px; background-image: none; }

#loginnav .registration a { background-image: url("loginnav_reqistration1[1].jpg"); display: block; height: 32px; background-position: 5px 0px; text-decoration: none; background-repeat: no-repeat; width: 75px; }
#loginnav .registration a:hover{ background-image: url("loginnav_reqistration2[1].jpg"); }
#loginnav .search { background-image: url("loginnav_search[1].jpg"); width: 90px; padding-left: 55px; margin-left: 20px; }
#loginnav .forgot { width: 45px; }
#loginnav .forgot a { background-image: url("loginnav_forgot1[1].jpg"); display: block; height: 32px; width: 39px; background-repeat: no-repeat; }
#loginnav .forgot a:hover { background-image: url("loginnav_forgot2[1].jpg"); }

#loginnav  .btn1   { font-size: 10px; color: #FCFCFE; font-family: Arial, Helvetica, sans-serif; background-image: none; width: 25px; }
#loginnav .btn1 a { background-image: url("loginnav_btn1[1].jpg"); display: block; background-repeat: no-repeat; width: 32px; height: 32px; background-position: 0px top; }
#loginnav .btn1 a:hover { background-image: url("loginnav_btn2[1].jpg"); }

#loginnav  .btnLogOut   { font-size: 10px; color: #FCFCFE; font-family: Arial, Helvetica, sans-serif; background-image: none; width: 49px; }
#loginnav .btnLogOut a { background-image: url("logoutnav_btn1[1].jpg"); display: block; background-repeat: no-repeat; width: 49px; height: 32px; background-position: 0px top; }
#loginnav .btnLogOut a:hover { background-image: url("logoutnav_btn2[1].jpg"); }

#loginnav  .btnInfo   { font-size: 10px; color: #FCFCFE; font-family: Arial, Helvetica, sans-serif; background-image: none; width: 33px; }
#loginnav .btnInfo a { background-image: url("infonav_btn1[1].jpg"); display: block; background-repeat: no-repeat; width: 33px; height: 32px; background-position: 0px top; }
#loginnav .btnInfo a:hover { background-image: url("infonav_btn2[1].jpg"); }
#index-pg { margin-left: 1px; }

#index-pg #banner { background-image: url("index_banner[1].jpg"); height: 260px; width: 500px; color: #FFFFFF; float: left; }
#index-pg #banner .text { margin-left: 225px; font-size: 10px; line-height: 1.5; padding-top: 51px; }
#index-pg #banner .text h1 { font-size: 13px; font-weight: bold; margin-bottom: 6px; }
#index-pg #banner .text a { color: #FFFFFF; }
#index-pg #banner .text a:hover { color: #FFFF00; }

#index-pg #banner .text .more { margin-right: 15px; margin-top: 10px; }
#index-pg #newsnav { background-image: url("index_newsbg[1].jpg"); float: right; height: 260px; width: 246px; position: relative; background-repeat: no-repeat; }
#index-pg #newsnav ul { margin-top: 45px; margin-left: 15px; margin-right: 15px; }
#index-pg  #newsnav   li  a:link,#index-pg  #newsnav   li a:visited   { color: #FFFFFF; display: block; padding-bottom: 10px; }
#index-pg  #newsnav  a:hover  { color: #FFFF00; }
#index-pg #newsnav li { background-image: url("li_news[1].gif"); background-repeat: no-repeat; padding-left: 20px; background-position: 0px 7px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FFFFFF; margin-bottom: 10px; }
#index-pg  #newsnav .more { position: absolute; right: 15px; bottom: 15px; }
#index-pg #newsnav .more a { color: #FFFFFF; }
#index-pg #banners { background-image: url("index_banners[1].jpg"); height: 144px; clear: both; display: block; position: relative; }
#index-pg #banners .ad1 { position: absolute; top: 10px; left: 15px; }
#index-pg #banners .ad2 { position: absolute; top: 10px; left: 272px; }
#index-pg #banners .ad3 { position: absolute; top: 10px; right: 10px; }
/*#index-pg  #topproductnav  li  { height: 224px; }
#index-pg  #topproductnav .productimg { height: 224px; }
#index-pg  #topproductnav .text { height: 209px; }
#hotproducts-pg #topproductnav { margin-left: 1px; }*/
#hotproducts-view-pg { margin-left: 1px; }
#hotproducts-view-pg  #leve-bar { clear: both; height: 300px; position: relative; }
#hotproducts-view-pg #leve-bar #mycartbar { position: absolute; border: 3px solid #C0C0C0; height: 150px; width: 400px; top: 275px; right: 25px; z-index: 1; overflow: auto; color: #FFFFFF; font-size: 15px; visibility: hidden; }
#hotproducts-view-pg #leve-bar #mycartbar input { margin-top: 5px; margin-right: 3px; margin-left: 3px; }
#hotproducts-view-pg    #leve-bar    #mycartbar    h4    { color: #FFFFFF; background-color: #075899; display: block; width: 100%; padding-top: 5px; padding-bottom: 5px; }

#hotproducts-view-pg #leve-bar #mycartbar ul  { margin: 0px; }
#hotproducts-view-pg #leve-bar #mycartbar ul li { background-color: #EEEEEC; text-align: left; margin: 3px; padding: 0px; }
#hotproducts-view-pg #leve-bar #mycartbar ul li a { display: block; color: #333333; text-decoration: none; padding-left: 5px;}
#hotproducts-view-pg #leve-bar #mycartbar ul li a:hover { background-color: #FFCC99; }

#hotproducts-view-pg #leve-bar .leve-l { float: left; width: 295px; padding: 10px; }
#hotproducts-view-pg #leve-bar .leve-l img { background-image: url("product_view_bg[1].jpg"); background-repeat: no-repeat; padding-top: 4px; padding-right: 10px; padding-bottom: 10px; padding-left: 6px; }
#hotproducts-view-pg #leve-bar .leve-r { float: left; width: 410px; padding-top: 14px; padding-bottom: 10px; }
#hotproducts-view-pg h1 { font-size: 18px; color: #FFFFFF; background-color: #0071c6; display: block; padding: 5px; }

#hotproducts-view-pg h2 { clear: both; }
#hotproducts-view-pg h3 { background-color: #eaeaea; padding: 5px; font-weight: bold; color: #0071C6; }
#hotproducts-view-pg #leve-bar .leve-r .text { background-color: #f1f1f1; display: block; padding: 5px; line-height: 1.5; height: 145px; margin-bottom: 5px; }
#hotproducts-view-pg #leve-bar .leve-r .btn { background-color: #f1f1f1; text-align: center; padding: 5px; }
#hotproducts-view-pg #leve-bar .leve-r .btn img { margin-right: 5px; margin-left: 5px; }
#hotproducts-view-pg .description { padding: 20px; }
#hotproducts-inquiry-pg table { width: 95%; margin-right: auto; margin-left: auto; margin-top: 30px; }
#contactus-pg,#company-pg,#news-pg,#distribution-pg,#sitemap-pg { position: relative; margin-top: 20px; margin-right: 45px; margin-left: 35px; clear: both; }

#company-pg  h2 { font-size: 15px; font-weight: bold; margin-bottom: 15px; }
#company-pg p { text-indent: 20px; line-height: 1.5; width: 70%; text-align: justify; }
#company-pg .leve { width: 150px; position: absolute; top: 19px; left: 540px; }
#company-pg .leve img { clear: both; margin-right: 40px; }
#company-pg .text p { width: 100%; text-indent: 0px; margin-bottom: 10px; }
#company-pg .text { margin-top: 15px; }
#company-pg .text strong { font-weight: bold; color: #085696; }

#news-pg { }
div.news_inner img {
   border: 1px solid #aaa;
   padding: 0.5em;
   margin-bottom:5px;
   margin-right:10px;
   float: left;
}

#news-pg .news_inner p { margin: 8px 0 0; }

#sitemap-pg a:hover { color: #FFFF00; }

#sitemap-pg li { color: #FFFFFF; background-image: url("sitemap_t1[1].jpg"); background-repeat: no-repeat; padding: 7px; display: block; margin-bottom: 15px; }
#sitemap-pg li a { font-weight: bold; color: #FFFFFF; text-decoration: none; }

#sitemap-pg  li  li { background-image: url("sitemap_li[1].jpg"); background-repeat: no-repeat; color: #185E9A; background-position: 0px 12px; padding-left: 20px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; margin-bottom: 5px; }
#sitemap-pg li li a { color: #0F5590; text-decoration: underline; }
#sitemap-pg li li a:hover { color: #CC0000; }
#sitemap-pg li ul { margin-top: 10px; }